<template>
    <div class="review-activity-discount">
        <div class="discount-item" v-if="discount">
            <div class="discount-name">满减活动</div>
            <div class="discount-value">-<span class="label">￥</span>{{discount}}</div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'ReviewActivityDiscount', // 活动优惠信息
    props: {
        discount: Number
    },
};
</script>

<style lang="less" scoped>
.review-activity-discount {
    .discount-item {
        height: 44px;
        .flex();
        align-items: center;
        justify-content: space-between;
        .p-h(@shop-bag-gap);
        .discount-name {
            font-size: @font-size;
            color: @text-color;
        }
        .discount-value {
            font-size: @shop-font-size-md;
            font-weight: 500;
            font-family: @font-family-number;
            color: @red;
            .label {
                .m-r(-3);
            }
        }
    }
}
</style>
